﻿$(function() {

	
    /**
     * 消耗电镀
     * */
    var electricitybar = echarts.init(document.getElementById('electricityOpt'));
    optionBar1 = {
    		tooltip : {
    	        trigger: 'axis',
    	        axisPointer : {            
    	            type : 'shadow'        
    	        },
    	        position: function (point, params, dom) {
    	            // 固定在顶部
    	            return [point[0], '10%'];
    	        }
    	    },
    	    grid: {
	            top: '25%',
	            left: '4%',
	            right: '8%',
	            bottom:'4%',
	            containLabel: true
	        },
    	    legend: {
    	    	top: '5',
    	    	right:'20',
    	        data:[]//['早班','中班','晚班'],
    	    },
//    	    dataZoom:{
//    	    	type:'slider',
//    	    	start:0,
//    	    	end:100,
//    	    	labelFormatter: function (value) {
//    	    	    return value; // 返回最终的label内容。
//    	    	},
//    	    	bottom:1
//    	    },
    	    backgroundColor:'#e0e0e0',
    	    color:['#00b19d','#ff6264','#f7aa47','#999933','#003366'],
    	    xAxis:  {
            	type: 'category',
    	        data:[],// ['OP100','OP200','OP300','OP400','OP500'],
    	        splitLine:{
	            	show:false
	            },
	            axisLabel :{  
				    interval:0
				   // rotate:40 
				}
    	    },
    	    yAxis: {
    	    	 min:0,
    	    	 type: 'value',
    	    	 name:'每日电度(度)',
    	    	 axisLabel:{
    	    		 formatter: '{value}'
    	    	 },
    	    	 splitLine:{
 	            	show:false
 	            }
    	    },
    	    series: [
//    	             {
//    	    	name: '早班',
//	            stack: '总量',
//	            type: 'bar',
//	            barMaxWidth:40,
//	            data: [10,20,30,40,50]
//    	    },{
//    	    	name: '中班',
//	            stack: '总量',
//	            type: 'bar',
//	            barMaxWidth:40,
//	            data: [10,20,30,40,50]
//    	    },{
//    	    	name: '晚班',
//	            stack: '总量',
//	            type: 'bar',
//	            barMaxWidth:40,
//	            data: [10,20,30,40,50]
//    	    }
    	    ]
	};
    electricitybar.setOption(optionBar1);
   
    
    /**
     * 电费
     * */
    var chartbar = echarts.init(document.getElementById('chartOpt'));
    optionBar2 = {
    		tooltip : {
    	        trigger: 'axis',
    	        axisPointer : {            
    	            type : 'shadow'        
    	        },
    	        position: function (point, params, dom) {
    	            // 固定在顶部
    	            return [point[0], '10%'];
    	        }
    	    },
    	    grid: {
	            top: '25%',
	            left: '4%',
	            right: '8%',
	            bottom:'4%',
	            containLabel: true
	        },
    	    legend: {
    	    	 top: '0',
    	    	right:'20',
    	        data:[]//['峰值电费','谷值电费','平值电费'],
    	    },
//    	    dataZoom:{
//    	    	type:'slider',
//    	    	start:0,
//    	    	end:100,
//    	    	labelFormatter: function (value) {
//    	    	    return value; // 返回最终的label内容。
//    	    	},
//    	    	bottom:1
//    	    },
    	    backgroundColor:'#e0e0e0',
    	    color:['#40bbea'],
    	    xAxis:  {
            	type: 'category',
    	        data:[],// ['OP100','OP200','OP300','OP400','OP500'],
    	        splitLine:{
	            	show:false
	            },
	            axisLabel :{  
				    interval:0
				   // rotate:40 
				}
    	    },
    	    yAxis: {
    	    	 min:0,
    	    	 type: 'value',
    	    	 name:'电费(元)',
    	    	 axisLabel:{
    	    		 formatter: '{value}'
    	    	 },
    	    	 splitLine:{
 	            	show:false
 	            }
    	    },
    	    series: [
//    	             {
//    	    	name: '峰值电费',
//	            stack: '总量',
//	            type: 'bar',
//	            barMaxWidth:40,
//	            data: [10,20,30,40,50]
//    	    },{
//    	    	name: '谷值电费',
//	            stack: '总量',
//	            type: 'bar',
//	            barMaxWidth:40,
//	            data: [10,20,30,40,50]
//    	    },{
//    	    	name: '平值电费',
//	            stack: '总量',
//	            type: 'bar',
//	            barMaxWidth:40,
//	            data: [10,20,30,40,50]
//    	    }
    	    ]
	};
    chartbar.setOption(optionBar2);
    
    /**
     * 满载率
     * */
    var ratebar = echarts.init(document.getElementById('rateOpt'));
    optionBar3 = {
    		tooltip : {
    	        trigger: 'axis',
    	        axisPointer : {            
    	            type : 'shadow'        
    	        },
    	        position: function (point, params, dom) {
    	            // 固定在顶部
    	            return [point[0], '10%'];
    	        }
    	    },
    	    grid: {
	            top: '25%',
	            left: '4%',
	            right: '8%',
	            bottom:'4%',
	            containLabel: true
	        },
    	    legend: {
    	    	top: '5',
    	    	right:'20',
    	        data:[]//['满载','空载','超载'],
    	    },
//    	    dataZoom:{
//    	    	type:'slider',
//    	    	start:0,
//    	    	end:100,
//    	    	labelFormatter: function (value) {
//    	    	    return value; // 返回最终的label内容。
//    	    	},
//    	    	bottom:1
//    	    },
    	    backgroundColor:'#e0e0e0',
    	    color:['#f7aa47','#999933'],
    	    xAxis:  {
            	type: 'category',
    	        data: [],//['OP100','OP200','OP300','OP400','OP500'],
    	        splitLine:{
	            	show:false
	            },
	            axisLabel :{  
				    interval:0
				   // rotate:40 
				}
    	    },
    	    yAxis: {
    	    	 min:0,
    	    	 max:100,
    	    	 type: 'value',
    	    	 name:'满载率(%)',
    	    	 axisLabel:{
    	    		 formatter: '{value}'
    	    	 },
    	    	 splitLine:{
 	            	show:false
 	            }
    	    },
    	    series: [
//    	             {
//    	    	name: '满载',
//	            stack: '总量',
//	            type: 'bar',
//	            barMaxWidth:40,
//	            data: [10,20,30,40,50]
//    	    },{
//    	    	name: '空载',
//	            stack: '总量',
//	            type: 'bar',
//	            barMaxWidth:40,
//	            data: [10,20,30,40,50]
//    	    },{
//    	    	name: '超载',
//	            stack: '总量',
//	            type: 'bar',
//	            barMaxWidth:40,
//	            data: [10,20,30,40,50]
//    	    }
    	    ]
	};
    ratebar.setOption(optionBar3);
    
    
    
    var lineId=0;
    var	startTime="";
    var	endTime="";
    
    /**
     * slider滑动事件
     * */
    $('#ss').slider({
    	range: true,
        onComplete:function(value){//滑块值改变时触发
//	       	time=moment(value).format('YYYY-MM-DD');
	       	startTime=moment(value[0]).format('YYYY-MM-DD');
	       	endTime=moment(value[1]).format('YYYY-MM-DD');
	       	getData();
       }
    });
    /**
     * 初始化
     * */
    var vm = new Vue({
	    el: '#itemData',
	    data:{item:[]}
	}); 
    var timess=[parseInt(moment().subtract(7, 'days').format("x")),parseInt(moment().format("x"))];
    $('#ss').slider('setValues',timess);
    var arr=$('#ss').slider('getValues');
    var time1=arr[0];
    var time2=arr[1];
    startTime=moment(time1).format("YYYY-MM-DD");
    endTime=moment(time2).format("YYYY-MM-DD");
    getData();
    function getData(){
    	$.post(basePath+"/compare/electricitycompare/complex.json",{"lineId":lineId,startDate:startTime,endDate:endTime},function(res){
    		vm.$set('item',res);
//    		if(res.success){
    		var seriesElec=[];
		    for(var i = 0;i<res.electricityBar.length;i++){
		    	seriesElec.push({
		            name: res.electricityBar[i].name,
		            stack: '总量',
		            type: 'bar',
		            barMaxWidth:40,
		            data: res.electricityBar[i].value
		        });
		    }
			electricitybar.setOption({
		        xAxis: {
		            data: res.equNames
		        },
	    	    legend: {
	    	        data:res.shiftLeg
	    	    },
		        series: seriesElec
			});
			var seriesCharge=[];
		    for(var i = 0;i<res.chargeBar.length;i++){
		    	seriesCharge.push({
		            name: res.chargeBar[i].name,
		            stack: '总量',
		            type: 'bar',
		            barMaxWidth:40,
		            data: res.chargeBar[i].value
		        });
		    }
			chartbar.setOption({
		        xAxis: {
		            data: res.equNames
		        },
		        legend: {
	    	        data:res.chargeLeg
	    	    },
		        series: seriesCharge
			});
			var series=[];
		    for(var i = 0;i<res.fullRateBar.length;i++){
		        series.push({
		            name: res.fullRateBar[i].name,
		            stack: '总量',
		            type: 'bar',
		            barMaxWidth:40,
		            data: res.fullRateBar[i].value
		        });
		    }
		    ratebar.setOption({
				legend: {
		            data: res.stateLeg
		        },
				xAxis: {
		            data: res.equNames
		        },
		        series:series
			});
//    		}	
    	});
    }
    

    
    /**
     * 自定义时间按钮的点击事件
     * */
	 $("#defineTime").click(function (){
		 var mePanel = $('#defineTimeWin');
	   	 mePanel.dialog('open');
	 });
	 
	 /**
	  * 切换设备的点击事件
	  * */
	var mePanel = $('#switchEquip');
	$("#linetree").tree({
		onDblClick: function(node) {
			if (node.url) {
				if(node.shifts){
					lineId=node.id;
					var arr=$('#ss').slider('getValues');
					var time1=arr[0];
		 		    var time2=arr[1];
		 		    startTime=moment(time1).format("YYYY-MM-DD");
		 		    endTime=moment(time2).format("YYYY-MM-DD");
		    		getData();
					mePanel.dialog('close');
				}else{
					$.messager.alert({showSpeed:100,title:'消息提示',msg:'该生产线无班次，请重新选择',timeout:3000});
				}
			}else{
				$.messager.alert({showSpeed:100,title:'消息提示',msg:'请选择生产线！',timeout:3000});
			}
		}
	});
    $("#switchEquipOK").click(function(){
    	var row = $("#linetree").tree('getSelected');
    	if(row.url){
    		if(row.shifts){
    			lineId=row.id;
    			var arr=$('#ss').slider('getValues');
				var time1=arr[0];
	 		    var time2=arr[1];
	 		    startTime=moment(time1).format("YYYY-MM-DD");
	 		    endTime=moment(time2).format("YYYY-MM-DD");
    			getData();
    			$('#switchEquip').dialog('close');
    		}else{
				$.messager.alert({showSpeed:100,title:'消息提示',msg:'该生产线无班次，请重新选择',timeout:3000});
			}
    	}else{
       		$.messager.alert({showSpeed:100,title:'消息提示',msg:'请选择一条生产线!',timeout:3000});
       	}
    });
});